/* app css stylesheet */

html, body,  nav { 
  padding: 0 !important; 
  padding-top: 0px !important; 
  margin: 0 !important;
  height: 100%;
  /*overflow-x: hidden;*/
  font-family: 'Noto Sans', sans-serif !important;
}

#TopBar {
   position:fixed;
   width: 100%;
   z-index: 10000;
}

.topBarNotificationBox {
  float:left;
  padding-top: 9px; 
  margin-left: -8px; 
  width: 30px;
  height: 30px;
  color: #fff;
 /* background-color: #7CDA6D;*/
  font-family: 'Gloria Hallelujah';
   font-size: 1.5em;
}

.titleSpecial {
 font-family: 'Gloria Hallelujah', sans-serif !important;
 font-size: 1.5em;
}

.noURLBorder {
  text-decoration: none !important;
  border: 0 !important;
}

.cmsMainPost {
  background-color: #fff;
  border: 1px solid #ccc;
  margin-right: 0px !important;
}
.cmsMainPost > div {
  padding: 20px !important;
}

.cmsComment {
  background-color: #ececec;
  /*padding: 20px  !important;*/

  /*padding: 50px;*/
}

.cmsComment .content {
  padding: 20px  !important;
}

   /* MUST HAVE WIDTH/HEIGHT */
  .ace-editor {
    width:100%;
    height:200px;
  }

  #contents {

/*    position:absolute;*/
    top:0;
  }

.cmsRow {

  width: 100% !important;
}
.cmsIcon {
	padding: 5px;
	cursor: pointer;
}

li {
  list-style-type: none;
  padding: 0px; 
  margin: 0px;
}

.menuSelected {
	color:#ff9900 !important;
}



/********************
* TODO
********************/
.cmsTodoCategoryPanel {
  background-color: #fff;
  border: 1px solid #ccc;
  margin-right: 0px !important;
  margin-bottom: 20px !important ;
}

.cmsTodoCategoryPanel .content {
  padding: 10px  !important;
}

.cmsTodoCompletedCategoryPanel {
  background-color: #ececec;
  border: 1px solid #ccc;
  margin-right: 0px !important;
  margin-bottom: 20px !important ;
}
.cmsTodoCompletedCategoryPanel .content {
  padding: 20px  !important;
}

.cmsTodoPriorityMini {
  background-color: #ccc;
  padding: 3px; 
  border-radius: 2px; 
}

.cmsTodoPriorityMini.zero {
  background-color: #ccc !important;
}
.cmsTodoPriorityMini.one {
  background-color: #aaa !important;
}
.cmsTodoPriorityMini.two {
  background-color: #0497FE !important;
}
.cmsTodoPriorityMini.three {
  background-color: #FF8A00 !important;
}
.cmsTodoPriorityMini.four {
  background-color: #F56666 !important;
}

.cmsTodoIcon {
  cursor: pointer;
}


.cmsTodoNewAddIcon {
  cursor: pointer;
  padding-left: 10px;
}

/********************
* SETTINGS
********************/

.settingsDefaultPanel {
  background-color: #fff;
  border: 1px solid #ccc;
   padding: 20px !important;
}

/********************
* GENERAL
********************/
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -30px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
height: 30px;
}
#footer {
background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}




/********************
* FORMS ELEMENTS
********************/

label {
    display: inline;
}
 
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}
 
 
.big-checkbox + label {
    padding: 18px;
}
 
.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}

/*FOR GOOGLE CHARTS*/


 [ng-cloak] {
     display: none;
  }
/*
  table td.number {
      text-align: right;
  }*/
/**/




/**********************************
* SCROLLBARS
**********************************/

/*SCROLLBAR DIV SKINNING*/
div::-webkit-scrollbar {
width: 20px;
height: 10px;

}

div::-webkit-scrollbar-button:start:decrement { 
height: 0px;
display: block;
/*background-color: #ffcc00;*/
background-color: transparent;
}

div::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
/*background-color: #ffcc00;*/
background-color: transparent;
}

div::-webkit-scrollbar-track-piece  {
/*background-color: rgb(211, 219, 222);*/
background-color: #efefef;
-webkit-border-radius: 0px;
}

div ::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color:  #bbb;
border: 1px solid #eee;
-webkit-border-radius: 0px;
}

/*SCROLLBAR GLOBAL SKINNING*/
html::-webkit-scrollbar {
width: 20px;
height: 10px;
background-color: #222;
}

html::-webkit-scrollbar-button:start:decrement { 
height: 41px;
display: block;
/*background-color: #ffcc00;*/
background-color: transparent;
}

html::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
/*background-color: #ffcc00;*/
background-color: transparent;
}

html::-webkit-scrollbar-track-piece  {
background-color: #ccc;
-webkit-border-radius: 0px;
}

html::-webkit-scrollbar-thumb:vertical {
height: 50px;
/*background-color:  rgb(77, 89, 103, 0.5);*/
background-color:  #222;
border: 1px solid #eee;
-webkit-border-radius: 0px;
}